<template>
    <div class="xtx-home-page">
      <div class="container">
 <!-- 左侧导航栏啊 -->
      <HomeCate/>
       <!--底部轮播图 -->
      <HomeBanner/>
       <!-- 测试Pannel组件 -->
      <HomeNew/>
      <!-- 人气好评 -->
      <HomeHot/>
      <!--  热门推荐 -->
      <HomeBrand/>
      </div>

    </div>
</template>
<script>
import HomeCate from './component/home-cate.vue'
import HomeBanner from './component/home-banner.vue'
import HomeNew from './component/home-new.vue'
import HomeHot from './component/home-hot.vue'
import HomeBrand from './component/home-brand.vue'
export default {
  name: 'home',
  components: { HomeCate, HomeBanner, HomeNew, HomeHot, HomeBrand },
  setup () {

  }
}
</script>

<style scoped lang="less">
.xtx-home-page {
  .container {
    width: 1240px;
    // height: 800px;
    margin: 0 auto;
    position: relative;
  }
}
</style>
